.EnvironmentStatistics001 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .Left {
		width: 250px;
		height: 100%;
		margin-right: 16px;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		flex-direction: column;

		& > div {
			width: 140px;
			height: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			font-size: 14px;
			font-family: Microsoft YaHei;
			font-weight: 600;
			color: #ffffff;
			cursor: pointer;

			&::after {
				position: absolute;
				content: "";
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				background: linear-gradient(180deg, rgba(0, 44, 91, 0.3), #36f2a0);
				transform: skewX(-30deg);
				z-index: -1;
			}

			&.active {
				&::after {
					background: linear-gradient(180deg, rgba(0, 44, 91, 0.3), #ffde42);
				}
			}
		}
	}

	& > .Right {
		flex: 1000;
		height: 100%;
	}
}
